<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>welcome to Smartages</title>
<meta name="generator" content="Smartages" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="Smartages" />
<meta name="Description" content="Smartagese" />
<meta name="Author" content="Santosh Setty" />
<meta name="robots" content="all" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!-- PNG FIX for IE6 -->
<!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
<!--[if lte IE 6]>
<script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
<![endif]-->
<!-- jQuery - the core -->
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<!-- Sliding effect -->
<script src="js/slide.js" type="text/javascript"></script>
<!-- Header Images Sliding effect -->
<script src="js/s3Slider.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
	   $('#s3slider').s3Slider({
		  timeOut: 9000
	   });
	}); 
</script>
</head>
<body>
<!-- Wrapper Starts -->
	<div id="wrapper">
	<!-- Login -->
			<div id="toppanel">
				<div id="panel">
					<div class="content clearfix">
					<!-- Welcome Block Starts -->
						<div class="left">
							<h1>Welcome to Smartages</h1>
							<h2>Sliding login panel Demo with jQuery</h2>		
							<p class="grey">You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!</p>
						</div>
					<!-- Welcome Block Ends -->
					<!-- Members Login Starts -->
						<div class="left">
							<form class="clearfix" action="#" method="post">
								<h1 class="padlock">Member Login</h1>
								<label class="grey" for="log">Username:</label>
								<input class="field" type="text" name="log" id="log" value="" size="23" />
								<label class="grey" for="pwd">Password:</label>
								<input class="field" type="password" name="pwd" id="pwd" size="23" />
								<label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Remember me</label>
								<div class="clear"></div>
								<input type="submit" name="submit" value="Login" class="bt_login" />
								<a class="lost-pwd" href="#">Lost your password?</a>
							</form>
						</div>
					<!-- Members Login Ends -->
					<!-- Reister Block Starts -->
						<div class="left right">
							<form action="#" method="post">
								<h1>Not a member yet? Sign Up!</h1>				
								<label class="grey" for="signup">Username:</label>
								<input class="field" type="text" name="signup" id="signup" value="" size="23" />
								<label class="grey" for="email">Email:</label>
								<input class="field" type="text" name="email" id="email" size="23" />
								<label>A password will be e-mailed to you.</label>
								<input type="submit" name="submit" value="Register" class="bt_register" />
							</form>
						</div>
					<!-- Reister Block Ends -->
					</div>
				</div> 
		<!-- /login -->	
		<!-- The tab on top -->	
			<div class="tab">
				<ul class="login">
					<li class="left">&nbsp;</li>
					<li>Hello Guest!</li>
					<li class="sep">|</li>
					<li id="toggle">
						<a id="open" class="open" href="#">Log In | Register</a>
						<a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
					</li>
					<li class="right">&nbsp;</li>
				</ul> 
			</div> 
		<!-- / top -->			
		</div> 
	<!--panel -->
	<!-- Header Top Starts -->
		<div id="header-top">
		<!-- Logo Starts -->
			<div id="logo"><h1><a href="index.html"><span>SMARTAGES</span></a></h1></div>
		<!-- Logo Ends -->
		</div>
	<!-- Header Top Ends -->
	<!-- Header Starts -->
	<div id="s3slider">
	<!-- Slider Starts -->
		<ul id="s3sliderContent">
		  <li class="s3sliderImage">
			  <img src="images/bimg1.jpg" alt="image1" />
			  <span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</span>
		  </li>
		  <li class="s3sliderImage">
			  <img src="images/bimg2.jpg" alt="image2" />
			  <span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</span>
		  </li>
		  <li class="s3sliderImage">
			  <img src="images/bimg3.jpg" alt="image3" />
			  <span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</span>
		  </li>
		  <li class="clear s3sliderImage"></li>
	   </ul>
	<!-- Slider Ends -->
	</div>
	<!-- Header Ends -->
	<!-- Menu Starts -->
		<div id="menu">
		<!-- Menu Items Starts -->
			<ul>
				<li><a href="index.html" class="current">Home Page</a></li>
				<li><a href="about.html">About Us</a></li>
				<li><a href="services.html">Services</a></li>
				<li><a href="#">Products</a></li>
				<li><a href="portfolio.html">Portfolio</a></li>
				<li><a href="#">Partners</a></li>
				<li class="noborder"><a href="contact.html">Contact Us</a></li>
			</ul>
		<!-- Menu Items Ends -->
		</div>
	<!-- Menu Ends -->
	<!-- Container Starts -->
		<div id="container" class="clearfix">
		<!-- Mainarea Starts -->
			<div id="mainarea">
				<?php
					HLayout::loadModulesToPanes(HApplication::getCurrentAlias(), 'ContentPane');					
				?>
			</div>
		<!-- Mainarea Ends -->
		<!-- Sidearea Starts -->
			<div id="sidearea">
				<?php
					HLayout::loadModulesToPanes(HApplication::getCurrentAlias(), 'RightPane');					
				?>
			</div>
		<!-- Sidearea Ends -->
		</div>
	<!-- Container Ends -->
	<!-- Footer Starts -->
		<div id="footer">
			<p class="floatleft">Copyright &copy; 2009 Smartages. All Rights Reserved. <a href="http://www.santoshsetty.com">Designed by santosh setty</a></p>
			<p class="floatright"><a href="#">Terms &amp; Condition</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">Privacy Policy</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">Sitemap</a></p>
		</div>
	<!-- Footer Ends -->
	</div>
<!-- Wrapper Ends -->
</body>
</html>
